<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<title>广州市澳凯家具有限公司</title>
	<meta name="keywords" content="家具，设计，广州市澳凯">
	<meta name="description" content="致力於引領辦公家具潮流的廣州市澳凱家具有限公司是一家集專業研發設計，生產製造，銷售與服務於一體的現代企業，工廠座落於享有中國家具之都之稱的廣州市。">
	<meta name='author' content='网站建设：智杰科技'>
	<meta http-equiv="Cache-Control" content="no-transform" />
	<link rel='alternate' media='only screen and(max-width: 640px)' href='http://www.owin.cc/mobile/index.html'/>
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="http://api.map.baidu.com/res/11/bmap.css">
	<link href="./css/build/public.css" rel="stylesheet" type="text/css" />
	<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
	<link rel="stylesheet" href="./css/build/index.css">

</head>

<body>
	<div class="main pagebox">
		<div class="nav-wrap" id="publicNav"></div>
		<div class="swiper-container main-swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide slide1 bg-gray">
					<div class="swiper-container first-page">
						<div class="swiper-wrapper" id="index_banner_box">
						</div>
						<div class="arr next">></div>
						<div class="arr prev"><</div>
					</div>
				</div>
				<div class="swiper-slide slide2">
					<div class="main-body-wrap">
						<div class="top-title">
								<strong class="lv-1 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">ABOUT US</strong>
								<strong class="lv-2 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">我们</strong>
								<strong class="lv-3 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">走进澳凯</strong>
						</div>
						<div class="info-box">
							<div class="pic-box ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.2s">
									<img class="about-left-pic" src="/img/about1_left.png">
									<div class="about-main-pic">
										<img id="shouRoomImg">
									</div>
							</div>
							<img class="decorate-1 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.2s" src="/img/a1.png">
							<div class="decorate-2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
								<img id="customersImg" width="100%">
							</div>
							<div class="font-box ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.2s">
								<h6 class="font-title">澳凯办公</h6>
								<p id="aboutUsInfo">
								</p>
								<a href="aboutus.html" class="more-btn">MORE</a>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-slide slide3 bg-gray">
					<div class="main-body-wrap">
						<div class="top-title">
								<strong class="lv-1 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">PRODUCTS</strong>
								<strong class="lv-2 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">产品展示</strong>
								<strong class="lv-3 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">体验我们的品质家具</strong>
						</div>
						<div class="info-box clearfix" id="productListBox">
						</div>
					</div>
				</div>
				<div class="swiper-slide slide4">
					<div class="main-body-wrap">
						<div class="top-title">
								<strong class="lv-1 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">PROJECTS</strong>
								<strong class="lv-2 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">案例</strong>
								<strong class="lv-3 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">欣赏我们的精彩项目</strong>
						</div>
						<div id="caseeListBox" class="info-box clearfix ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1s">
						</div>
					</div>
				</div>
				<div class="swiper-slide slide5 bg-gray">
					<div class="main-body-wrap">
						<div class="top-title">
								<strong class="lv-1 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">NEWS</strong>
								<strong class="lv-2 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">资讯</strong>
								<strong class="lv-3 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">阅读我们的最新动态</strong>
						</div>
						<div id="newsListBox" class="info-box clearfix ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1s">
						</div>
					</div>
				</div>
				<div class="swiper-slide slide6">
					<div class="main-body-wrap">
						<div class="top-title">
								<strong class="lv-1 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">CONTACT</strong>
								<strong class="lv-2 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">联系</strong>
						</div>
						<div class="info-box clearfix">
							<div class="left-box ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1s">
								<h6 class="title" id="companyName"></h6>
								<div class="contact-info">
										<img class="addr-icon" src="/img/index2_13.png">
										<p>
											公司地址<br>
											<span id="companyAddr"></span>
										</p>
								</div>
								<div class="contact-info">
										<img class="tel-icon" src="/img/index2_15.png">
										<p>
											联系电话<br>
											<span id="companyTel"></span>
										</p>
								</div>
								<div class="map-box" id="dituContent"></div>
							</div>
							<div class="right-box ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1s">
								<h6 class="title">留言</h6>
								<div class="form-box">
									<div class="form-item">
										<span class="requir-icon">*</span>
										<textarea class="is-required" id="form_text" maxlength="1000" placeholder="你的疑问和需求(Your questions and needs)"></textarea>
										<div class="error-box">
											<i class="iconfont icon-error"></i>
											<i class="text-error">
												<div class="font">你的疑问和需求不能为空(Can not be empty)！</div>
											</i>
										</div>
									</div>
									<div class="form-item">
										<input type="text" id="form_name" maxlength="32" placeholder="姓名(Name)">
									</div>
									<div class="form-item">
										<input type="text" id="form_phone" maxlength="32" placeholder="手机号(phone Number)">
										<div class="error-box">
											<i class="iconfont icon-error"></i>
											<i class="text-error">
												<div class="font">您还未输入手机号或输入的号码格式不正确(Incorrect format)！</div>
											</i>
										</div>
									</div>
									<div class="form-item">
										<input type="text" id="form_email" maxlength="32" placeholder="Email">
										<div class="error-box">
											<i class="iconfont icon-error"></i>
											<i class="text-error">
												<div class="font">请输入正确格式的邮箱地址(Incorrect format)！</div>
											</i>
										</div>
									</div>
									<div class="form-item code-item">
										<input class="is-required" type="text" id="form_code" maxlength="32" placeholder="验证码(Code)">
										<div class="error-box">
											<i class="iconfont icon-error"></i>
											<i class="text-error">
												<div class="font">验证码不能为空(Can not be empty)！</div>
											</i>
										</div>
										<div class="error-box code-error-box">
											<i class="iconfont icon-error"></i>
											<i class="text-error">
												<div class="font">输入的验证码不正确(Code error)！</div>
											</i>
										</div>
										<img id="postCodeImg" class="hide" title="点击图片刷新验证码">
									</div>
									<a id="submitForm" class="submit-btn">提交(Submit)</a>
								</div>
							</div>
						</div>
						<div class="top1 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2s">回顶部</div>
						<div class="toast-box hide">
							<div class="toast-body">反馈成功！</div>
						</div>
					</div>
				</div>
			</div>
			<div class="go-next-btn">
				<div class="animate-bounce-down">
					<a class="godown godown1"></a>
			</div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<div class="index-footer">
		<div class="footer-wrap">
				<img class="qrcode" src="/img/dbd.png">
				<img class="footer-logo" src="/img/logo3.png">
				<div class="copy-right">
						COPYRIGHT© 2019  <span id="footerCompanyName"></span>  备案号：<a href="http://www.miibeian.gov.cn">粤ICP备16049531号</a>
				</div>
		</div>
	</div>
	<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.1&ak=&services=true&t=20130716024058"></script>
	<script src="js/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
	<script src="./js/swiper.animate1.0.3.min.js"></script>
	<script src="./js/public.js"></script>
	<script src="./js/index.js"></script>
</body>

</html>